<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Alla's App Market - One Stop for All Smart Phone Apps</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/home.css"></link>
</head>

<body>
	<div style="width: 100%; height: 30px; background-color: gray;">&nbsp;</div>
	<div class="body">
		<div style="margin-left: 30px;">
			<img alt="Alla's App Market - One Stop for All Smart Phone Apps"
				src="${pageContext.request.contextPath}/images/Logo.png" />
		</div>
		<div style="width: 100%; height: 2px; background-color: gray;">&nbsp;</div>
		<div style="width: 100%; height: 200px; background-color: aqua;">&nbsp;</div>
		<div style="width: 100%; height: 2px; background-color: gray;">&nbsp;</div>
		<div style="width: 20%; float: left;">
			<table style="border-top: 1px black; border-right: 1px black;">
				<thead>
					<tr>
						<th style="background-color: gray;">Categories</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach var="category" items="${categories}">
						<tr>
							<td><a href="${pageContext.request.contextPath}/home/applications.do?categoryId=${category.id}">${category.name}</a></td>
						</tr>
					</c:forEach>
				</tbody>
			</table>
		</div>
		<div style="width: 80%; float: right;">
            <h3>Applications</h3>
            <table style="border-top: 1px black; border-right: 1px black;">
				<c:forEach var="application" items="${applications}">
                    <tr>
                        <td>Name:</td>
                        <td><a href="${pageContext.request.contextPath}/application.do?applicationId=${application.id}">${application.name}</a></td>
                    </tr>
                    <tr>
                        <td>Description:</td>
                        <td>${application.description}</td>
                    </tr>
				</c:forEach>
            </table>
        </div>
	</div>
</body>
</html>